<ion-view hide-nav-bar="true" title="首页">
    <ion-content>
        <ion-scroll direction="y" delegate-handle="entrustScroll" style="width: 100%;height: 100%;">
            <div style="width: 100%;height: 300px;">
                <ion-slide-box on-slide-changed="slideChanged(index)" auto-play="true" slide-interval="3000" delegate-handle="slideimgs" does-continue="true">
                    <ion-slide>
                        <div class="bg-one"></div>
                    </ion-slide>
                    <ion-slide>
                        <div class="bg-two"></div>
                    </ion-slide>
                    <ion-slide>
                        <div class="bg-three"></div>
                    </ion-slide>
                </ion-slide-box>
            </div>
            <div>
                <div class="row">
                    <div class="col col-center menu-div" ui-sref="entrust.parentEntrustList" style="color: rgba(46, 102, 173, 0.76);">
                        <i class="ion ion-android-clipboard"></i>
                        <p>家长嘱托</p>
                    </div>
                    <div class="col col-center menu-div" ui-sref="memberMenu.albumIndex" style="color: rgba(255, 141, 41, 0.87);">
                        <i class="ion ion-android-star-outline"></i>
                        <p>精彩瞬间</p>
                    </div>
                    <div class="col col-center menu-div" ui-sref="memberMenu.parentInfo({studentId:studentId})" style="color: rgba(35, 187, 125, 0.84);">
                        <i class="ion ion-android-contacts"></i>
                        <p>家庭信息</p>
                    </div>
                    <div class="col col-center menu-div" ui-sref="classMenu.classNotice" style="color: rgba(119, 130, 125, 0.84);">
                        <i class="ion ion-calendar"></i>
                        <p>班级公告</p>
                    </div>
                </div>
            </div>
            <div class="item item-divider" style="line-height: 45px;color: #8C8C8C;">
                班主任留言
            </div>
            <div>
                <ul class="list">
                    <li class="item item-icon-right" ng-repeat="item in vm.exhortaions track by $index">
                        <div>
                            <div class="data-content">
                                <div class="data-content" ng-show="{{item.msgType == 'audio'}}">
                                    <audio src="{{item.msgAudioPath}}" controls></audio>
                                </div>
                                <div class="data-content" ng-show="{{item.msgType == 'text'}}">
                                    <p ng-text-truncate="item.msgContent" ng-tt-chars-threshold="40" ng-tt-more-label="查看更多" ng-tt-less-label="收起"></p>
                                </div>

                            </div>
                            <div class="data-info">{{item.memberName}}&nbsp;&nbsp;{{item.createDate | date:'yyyy-MM-dd HH:mm'}}</div>
                        </div>
                    </li>
                </ul>
                <div class="load-more-btn" style="text-align: center;" ng-click="loadMoreEntrust()">
                    <p style="font-size: 0.8rem;">{{vm.loadMoreBtnStr}}</p>
                </div>
                <ion-infinite-scroll on-infinite="loadMoreMsg()" distance="20%" ng-show="vm.loadMoreBtnStatus"></ion-infinite-scroll>
            </div>
        </ion-scroll>
    </ion-content>
</ion-view>